<template>
     <div class="ioc" >
        <i class="iconfont" @click="revert">&#xe8b5;</i>
        <span class="title">{{Title}}</span>
        <samp class="operation" @click="operationFun"  >{{operation}}</samp>
    </div> 
</template>

<script>
export default {
    name: 'back',
    props:{
        Title:{
            type:String,
            default:"Title",
            required:true
        },
        operation:{
            type:String,
            default:"操作"
        }
    },
    components:{

    },
    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
           //返回到上一个路由
        revert(){
            this.$router.back()
        },
        operationFun(){
            this.$emit('operationClick');
        }
    },
};
</script>

<style lang="scss" scoped>

.ioc{
        width: 100%;
        position: fixed;
        top: 0;
        display: flex;
        z-index: 9999;
        text-align: center;
        padding:3px 15px;
        background: rgb(249, 255, 252);
    }
    .ioc>i{
        font-size: 10vw;
        font-weight: 1000;
        padding-top: 5px;
    }
    .title{
        flex: 8;        
        font-size: 10vw;
    }
    .operation{
        padding-top: 4vw;
        margin: 0 3vw;
        min-width: 10vw;
        font-size: 6vw;
    }
    
</style>